<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/bootstrap.min.css" />
		<style>
			.ul-txet li span:nth-child(1){
				/* margin-right: 100px; */
				font-weight: bold;	
			}
			.ul-txet li{
				
				font-size: 14px;
			}
			.ul-txet li:nth-child(1){
			
				font-size: 14px;
				font-weight: bold;	
			}
			.ul-nav li a{
				/* text-align: center; */
				/* margin: 0px 10px; */
				height: 56px;
				line-height: 40px;
				align-self: baseline;
			}
			.ul-nav li.navActive{
				background-color: #eee;
			}
			.ul-nav li :active {
				/* text-align: center; */
				width: 100%;
				background-color: #eee;
			}
		</style>
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light m-0 p-0">
			<div class="container">
				<a class="navbar-brand" href="#">后台管理</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				  <span class="navbar-toggler-icon"></span>
				</button>
						
				<div class="collapse navbar-collapse" id="navbarSupportedContent">
				  <ul class="ul-nav navbar-nav mr-auto">
				    <li class="nav-item">
				      <a class="nav-link" href="./first.html">后台首页</a>
				    </li>
				    <li class="nav-item">
				      <a class="nav-link" href="./second.html">用户管理</a>
				    </li>
				    <li class="nav-item ">
				      <a class="nav-link " href="./third.html">内容管理</a>
				    </li>
				    <li class="nav-item navActive">
				      <a class="nav-link"  href="#">标签管理</a>
				    </li>
				  </ul>
				  <ul class="navbar-nav ml-auto">
					  <li class="nav-item dropdown ">
					    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
					      admin
					    </a>
					    <div class="dropdown-menu">
					      <a class="dropdown-item" href="#">Action</a>
					      <a class="dropdown-item" href="#">Another action</a>
					      <div class="dropdown-divider"></div>
					      <a class="dropdown-item" href="#">Something else here</a>
					    </div>
					  </li>
					  <li class="nav-item">
					    <a class="nav-link " href="">退出</a>
					  </li>
				  </ul>
				  <!-- <form class="form-inline my-2 my-lg-0">
				    <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
				    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
				  </form> -->
				</div>
			</div>
		</nav>
		<div class="container">
			<div class="row">
				<div class="col-12 pb-3 pt-3 border-bottom">
					TAG标签管理
				</div>
			</div>
			<div class="row mt-3">
				<div class="col-md-10 col-lg-10 col-sm-10">
					<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="请输入要添加的标签">
				</div>
				<div class="col-md-2 col-lg-2 col-sm-2">
					<button type="button" class="btn btn-outline-secondary">添加</button>
				</div>
			</div>
			<div class="row">
				<div class="col-md-2 col-lg-2 col-sm-2 mt-3">
					<div class=" pt-3 pb-3 alert alert-primary alert-dismissible fade show" role="alert">
					  <strong>bootstrap</strong>
					  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
					    <span aria-hidden="true">&times;</span>
					  </button>
					</div>
				</div>
				<div class="col-md-2 col-lg-2 col-sm-2 mt-3">
					<div class=" pt-3 pb-3 alert alert-primary alert-dismissible fade show" role="alert">
					  <strong>bootstrap</strong>
					  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
					    <span aria-hidden="true">&times;</span>
					  </button>
					</div>
				</div>
				<div class="col-md-2 col-lg-2 col-sm-2 mt-3">
					<div class=" pt-3 pb-3 alert alert-primary alert-dismissible fade show" role="alert">
					  <strong>bootstrap</strong>
					  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
					    <span aria-hidden="true">&times;</span>
					  </button>
					</div>
				</div>
			</div>
		</div>
		
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.bundle.js"></script>
	</body>
</html>